<template>
  <uni-nav-bar title="订单详情" left-icon="left" @clickLeft="navBack" :fixed="true" statusBar></uni-nav-bar>
  <view class="package">
    <view class="space-between list">
      <image src="../../../static/mine/ls.png" mode=""></image>
      <view class="space-between" style="width:76%;">
        <view class="direction-start" style="height:153rpx;justify-content:space-between;">
          <view>防尘口罩30PCS</view>
          <view class="center"><text style="color:#1B91FF;font-size: 38rpx;margin-right: 10rpx;">300</text>积分</view>
          <view style="color:#999;font-size: 26rpx;">￥29.9</view>
        </view>
        <view class="direction-start" style="height:153rpx;justify-content:space-between;align-items: flex-end;">
          <view>待兑换</view>
        </view>
      </view>
    </view>
    <view class="space-between top">
      <view>订单编号</view>
      <view>15664564654</view>
    </view>
    <view class="space-between top">
      <view>购买用户</view>
      <view>胡亚峰</view>
    </view>
    <view class="space-between top">
      <view>提货数量</view>
      <view>x1</view>
    </view>
    <view class="space-between top">
      <view>购买时间</view>
      <view>2023-02-05 12;00:12</view>
    </view>
    <view class="space-between top">
      <view>消耗积分</view>
      <view>300</view>
    </view>
    <view class="space-between top">
      <view>提货方式</view>
      <view>配送</view>
    </view>
    <view class="space-between top">
      <view>提货时间</view>
      <view>2023-02-05 12;00:12</view>
    </view>
    <view class="space-between top">
      <view>配送员</view>
      <view>胡亚峰</view>
    </view>
  </view>
</template>

<script setup lang="ts">
  import { navBack } from '@/utils/navigator';
  import { ref } from 'vue';
</script>

<style scoped lang="less">
  .list {
    width: 100%;
    padding: 0rpx 0px 20rpx;
    box-sizing: border-box;
    border-bottom: 1px solid #eee;

    image {
      width: 153rpx;
      height: 153rpx;
      border-radius: 5px;
    }

    .but {
      width: 140rpx;
      height: 52rpx;
      background: #1B91FF;
      border-radius: 5px;
      text-align: center;
      line-height: 52rpx;
      color: #fff;
    }
  }

  .top {
    margin-top: 20rpx;
  }
</style>